<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN" >
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="format-detection" content="telephone=no" />
	<title>慧司蒙</title>
	<link id="link2" rel="stylesheet" href="${ctxStatic}/member/themes/expand/css/style.css" />
	<link id="link1" rel="stylesheet" href="${ctxStatic}/member/themes/expand/css/public.css" />
	<script type="text/javascript" src="${ctxStatic}/member/themes/expand/js/jquery-1.7.2.min.js"></script>	
	
	
	<style type="text/css">
		.zhtsection{position: absolute;right: 10px;top: 30px;background-color: rgba(255,255,255,0.6);z-index: 1000;border: 1px #EEEEEE solid;}
		.colorlist li{display: inline-block;width: 20px; height: 20px;border: 1px #EEEEEE solid; margin-top: 5px;margin-bottom: 5px;}
		.colorlist li:first-child{margin-left: 5px;}
		.colorlist li:last-child{margin-right: 5px;}
	</style>
	<script>
		$(function(){
			
			$(".colorlist li").bind("click",function(){
				var index=$(this).index();
				if(index==0){
					$(".header").css("background","#13C7AE");
					$(".tip").css("background","#13C7AE");
				}else if(index==1){
					$(".header").css("background","#04b8d9");
					$(".tip").css("background","#04b8d9");
				}else if(index==2){
					$(".header").css("background","#faa91c");
					$(".tip").css("background","#faa91c");
				}
			});
		});
		function showZhuti(){
			if($(".zhtsection").css("display")=="none"){
				$(".zhtsection").show();
			}else{
				$(".zhtsection").hide();
			}
		}
	</script>
</head>
<body>
	
	<div class="header" style="background: #13c7ae;">
		<div class="zhtsection none">
			<ul class="colorlist">
				<li style="background-color: #13C7AE;">&nbsp;</li>
				<li style="background-color: #04b8d9;">&nbsp;</li>
				<li style="background-color:#faa91c;">&nbsp;</li>					
			</ul>				
		</div>
		
		<ul class="userinfo">
			<li style="padding-top: 30px;">
				<img src="${member.headimgurl }" />
				<p>${member.name}</p>
			</li>
			
			<c:if test="${empty recommendConfig.type || recommendConfig.type eq '0'}">
				<li style="padding-top: 40px; position: relative;" onclick="location='${ctxFront}/expand/rankList?uid=${uid}&wechatId=${wechatId}'">
					<div class="tip" style="background-color: #13c7ae;">积分排行榜<i class="iconfont">&#xf001e;</i></div>
				</li>
			</c:if>
			<c:if test="${recommendConfig.type eq '1' }">
				<li style="padding-top: 40px; position: relative;" onclick="location='${ctxFront}/expand/scoreRankList?uid=${uid}&wechatId=${wechatId}'">
					<div class="tip" style="background-color: #13c7ae;">排行榜<i class="iconfont">&#xf001e;</i></div>
				</li>
			</c:if>
			
			<li>
				<div class="liejijifen">
					<p class="h1">${member.recommendScore }</p>
					<p class="h2">当前积分</p>
				</div>
				<div class="keyongjifen">
					<p class="h1">${renqi}</p>
					<p class="h2">你的人气数</p>
				</div>
			</li>
		</ul>		
		<ul class="menulist" style="margin-top: 20px;">
				<a href="${ctxFront}/expand/jifen?uid=${uid}&wechatId=${wechatId}">
					<li>
						<div class="table-cell">
							<div class="icobg" style="background-color: #f15b38;">
								<i class="iconfont icon-jifen  "></i>
							</div>
						</div>
						<div class="table-cell2">
						<span>我的积分</span>
							<i class="iconfont  fanhui">&#xf001e;</i>						
						</div>						
					</li>
				</a>
				<c:if test="${empty recommendConfig.type || recommendConfig.type eq '0'}">
					<a href="${ctxFront}/expand/rankList?uid=${uid}&wechatId=${wechatId}">
						<li>
							<div class="table-cell">
								<div class="icobg" style="background-color: #F59730;">
									<i class="iconfont icon-paixingbang"></i>
								</div>
							</div>
							<div class="table-cell2">
								<span>积分排行榜</span>
								<i class="iconfont fanhui">&#xf001e;</i>
							</div>
						</li>
					</a>
					<a href="${ctxFront}/expand/toExchangeList?uid=${uid}&wechatId=${wechatId}">
						<li>
							<div class="table-cell">
								<div class="icobg" style="background-color: #fcb61a;">
									<i class="iconfont icon-duihuanquan"></i>
								</div>
							</div>
							<div class="table-cell2">
								<span>积分兑换</span>
								<i class="iconfont fanhui">&#xf001e;</i>
							</div>
						</li>
					</a>
				</c:if>
				<c:if test="${recommendConfig.type eq '1' }">
					<a href="${ctxFront}/expand/scoreRankList?uid=${uid}&wechatId=${wechatId}">
						<li>
							<div class="table-cell">
								<div class="icobg" style="background-color: #F59730;">
									<i class="iconfont icon-paixingbang"></i>
								</div>
							</div>
							<div class="table-cell2">
								<span>排行榜</span>
								<i class="iconfont fanhui">&#xf001e;</i>
							</div>
						</li>
					</a>
				</c:if>
				
			</ul>
			<ul class="menulist" style="margin-top: 20px;">
				<a href="${ctxFront}/expand/myCommend?uid=${uid}&wechatId=${wechatId}"><li>
					<div class="table-cell">
						<div class="icobg" style="background-color: #fbdc2d; ">
							<i class="iconfont icon-yaoqing"></i>
						</div>
					</div>
					<div class="table-cell2">
						<span>我的人气</span>
						<i class="iconfont fanhui">&#xf001e;</i>
					</div>
				</li></a>				
			</ul>
			<ul class="menulist">
				  
				<a href="${ctxFront}/service/huisimeng/mycouponlog?uid=2"><li>
					<div class="table-cell">
						<div class="icobg" style="background-color: #3cc0b3; ">
							<i class="iconfont icon-xinshouyindao"></i>
						</div>
					</div>
					<div class="table-cell2">
						<span>我的券</span>
						<i class="iconfont fanhui">&#xf001e;</i>
					</div>
				</li></a>
				<a href="${ctxFront  }/expand/myGoods?uid=2&wechatId=${wechatId}"><li>
					<div class="table-cell">
						<div class="icobg" style="background-color: #3cc0b3; ">
							<i class="iconfont icon-xinshouyindao"></i>
						</div>
					</div>
					<div class="table-cell2">
						<span>我的物品</span>
						<i class="iconfont fanhui">&#xf001e;</i>
					</div>
				</li></a>
				
				
				<a href="${ctxFront}/expand/newMemberHelp?uid=${uid}&wechatId=${wechatId}"><li>
					<div class="table-cell">
						<div class="icobg" style="background-color: #2ca8f0;">
							<i class="iconfont icon-xinshouzhiyin"></i>
						</div>
					</div>
					<div class="table-cell2">
						<span>新手帮助</span>
						<i class="iconfont fanhui">&#xf001e;</i>
					</div>
				</li></a>
			</ul>
			
			
			<ul class="menulist" style="margin-top: 20px;">
				<li style="height: 40px;padding-top: 10px;" onclick="location='http://www.hdzhx.com/me/microengine/index.html#page1'">
					<img src="${ctxStatic}/member/themes/expand/img/me.jpg" width="100px">
				</li>
			</ul>
	</div>	
<!-- 
	<footer class="footer">
						
	</footer>	 -->
</body>
</html>
